<%@ include file="../common/top.jsp"%>
<div class="crumb">
    <div class="w">
        <div class="crumb-content">
            <a href="#" class="link">MyStore</a>
            <span>></span>
            <span class="link-text">${sessionScope.category.name} Products</span>
        </div>
    </div>
</div>

<div class="w panel">
    <div id="BackLink">
        <a href="categoryForm?categoryId=${sessionScope.category.categoryId}">Return to ${sessionScope.category.name}</a>
    </div>

    <div id="Catalog">

        <h2 style="text-align: center;">${sessionScope.product.name}</h2>

        <table class="item-table">
            <tr>
                <th>Item ID</th>
                <th>Product ID</th>
                <th>Description</th>
                <th>List Price</th>
                <th>&nbsp;</th>
            </tr>
            <c:forEach var="item" items="${sessionScope.itemList}">
                <tr>
                    <td>
                        <a href="itemForm?itemId=${item.itemId}&record=<%="Look at item:"%>">${item.itemId}</a>
                    </td>
                    <td>${item.product.productId}</td>
                    <td>${item.attribute1} ${item.attribute2} ${item.attribute3}
                            ${item.attribute4} ${item.attribute5} ${sessionScope.product.name}
                    </td>
                    <td><fmt:formatNumber value="${item.listPrice}"
                                          pattern="$#,##0.00" />
                    </td>
                    <td>
                        <a href="addItemToCart?workingItemId=${item.itemId}&record=<%="add item to cart:"%>" class="Button">Add to Cart</a>
                    </td>
                </tr>
            </c:forEach>
            <tr>
                <td>
                </td>
            </tr>
        </table>

    </div>
</div>
<%@ include file="../common/bottom.jsp"%>





